<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
	xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd"
>
<head>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<title>BSC - Score Sheet</title>
</head>
<body>

<wicket:extend>

	<h1>Score sheet</h1>
	<form wicket:id="scoreSheetForm">
		<div wicket:id="scoreSheetContainer">
			<table id="scoreSheetHead" border="1">
				<tr>
					<td width="50"></td>
					<td width="50"></td>
					<td width="150">Championship</td>
					<td width="400">
						<select wicket:id="championship">						
						</select>
					</td>	
				</tr>
				<tr>
					<td width="50"></td>
					<td width="50"></td>
					<td width="150">Date</td>
					<td width="400"><input type="text" id="date" wicket:id="date" maxlength="10"/></td>				
				</tr>
			</table>
			
			<table id="scoreSheetBody" border="1">
				<tr>
					<td width="150"></td>
					<td width="200">Home Team</td>
					<td width="50"></td>
					<td width="200">Away Team</td>
				</tr>
				
				<tr>
					<td width="150"></td>
					<td width="200">
						<select id="homeTeam" wicket:id="homeTeam">
						</select>
					</td>
					<td width="50" align="center">VS</td>
					<td width="200">
						<select id="awayTeam" wicket:id="awayTeam">
						</select>
					</td>
				</tr>	
					
				<tr>
					<td width="150">FINAL SCORE</td>
					<td width="200">
						<input type="text" id="homeTeamScore" wicket:id="homeTeamScore" maxlength="3"/>
					</td>
					<td width="50"></td>
					<td width="200">
						<input type="text" id="awayTeamScore" wicket:id="awayTeamScore" maxlength="3"/>
					</td>
				</tr>		
			</table>
			<a wicket:id="submitScoreSheet">Edit Box Score</a>
		</div>
		
		
		<div wicket:id="boxScoreContainer">
			<h3>BOX SCORE HOME TEAM</h3>
			<table id="boxScoreHomeTeam" border="1" >
				<tr>
					<td width="50">#</td>
					<td width="300">Player</td>
					<td width="75">Minutes</td>
					<td width="75">Points</td>
					<td width="75">Rebounds</td>
					<td width="75">Assists</td>
				</tr>
				<!-- REPEATING VIEW -->
					<tr wicket:id="homePlayer">
						<td wicket:id="cells"></td>
						<td width="50" ><input type="text" maxlength="2" wicket:id="number" /></td>
						<td width="300" >
							<select wicket:id="player">
							</select>
						</td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="minutes"/></td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="points" /></td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="rebounds"/></td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="assists"/></td>
					</tr>
				<!-- END OF REPEATING VIEW -->
			</table>
			
			<h3>BOX SCORE AWAY TEAM</h3>
			<table id="boxScoreAwayTeam" border="1" >
				<tr>
					<td width="50">#</td>
					<td width="300">Player</td>
					<td width="75">Minutes</td>
					<td width="75">Points</td>
					<td width="75">Rebounds</td>
					<td width="75">Assists</td>
				</tr>
				<!-- REPEATING VIEW -->
					<tr wicket:id="awayPlayer">
						<td wicket:id="cells"></td>
						<td width="50" ><input type="text" maxlength="2" wicket:id="number" /></td>
						<td width="300" >
							<select wicket:id="player">
							</select>
						</td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="minutes"/></td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="points" /></td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="rebounds"/></td>
						<td width="75" ><input type="text" maxlength="2" wicket:id="assists"/></td>
					</tr>
				<!-- END OF REPEATING VIEW -->
			</table>
			<a wicket:id="submitBoxScore">Submit Score Sheet</a>
		</div>
		
	</form>	
</wicket:extend>
</body>
</html>